<template>
    <div class="backup-overview">
      <h2>备份概览</h2>
      <div>最近备份时间: {{ recentBackupTime }}</div>
      <div>备份大小: {{ backupSize }} MB</div>
      <div>备份文件列表:</div>
      <ul>
        <li v-for="file in backupFiles" :key="file.id">{{ file.name }}</li>
      </ul>
    </div>
  </template>
  
  <script setup lang="ts">
  import { ref } from 'vue';
  
  const recentBackupTime = ref('2023-08-26 10:00:00');
  const backupSize = ref(123.45);
  const backupFiles = ref([
    { id: 1, name: 'backup_20230826.rdb' },
    { id: 2, name: 'backup_20230825.rdb' },
  ]);
  </script>